.swiper-tab {
    width: 100%;
    border-bottom: 1rpx solid #f1f0f0;
    text-align: center;
    line-height: 80rpx;
} 
 
.swiper-tab-list {  
    font-size: 35rpx;
    display: inline-block;
    width: 25%;
    color: #777777;
}

.on {
    color: #16aeff;
    border-bottom: 5rpx solid #16aeff;
}  

.swiper-box {
    display: block; 
    height: 100%; width: 100%;
    overflow: hidden;
    background-color: #f8f6f6;
}

.view-swiper-box-order-line1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15rpx 30rpx 15rpx 30rpx;
    background-color: white;
    margin-bottom: 2rpx;
    margin-top: 15rpx;
}

.view-swiper-box-order-line1 view {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.view-swiper-box-order-line2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
}

.view-swiper-box-order-line2-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:15rpx 50rpx 15rpx 30rpx;
}

.txt-title {
    font-size: 30rpx;
}

.txt-state {
    padding-right: 10rpx;
    font-size: 30rpx;
    color: red;
}

.nopay {
    color: red;
}

.paid {
    color: green;
}

.txt-money {
    font-size: 30rpx;
}

.txt-desc {
    font-size: 27rpx;
    color: darkorange;
}

.txt-date {
    font-size: 27rpx;
    color: darkgray;
}

.swiper-box image {
    width: 50rpx;
    height: 50rpx;
    border-radius: 50%;
}
